<?xml version="1.0" encoding="utf-8"?>
<Content type="xform" name="EditContent">
	<model>
		<instance>
			<tblContent>
				<nContentKey/>
				<nContentPrimaryId/>
				<nVersion/>
				<cContentForiegnRef/>
				<cContentName/>@type
        <cContentSchemaName>AdvancedCarouselSlide</cContentSchemaName>
				<cContentXmlBrief>
          <Content internalLink="" externalLink="" linkType="internal" data-masterspeed="300" data-transition="slideup" data-delay="300" data-slotamount="7">
						<Title/>
						<Author/>
						<Copyright/>
            <Url type="external"/>
						<Images data-bgrepeat="no-repeat" data-bgfit="normal"  data-bgposition="center center" data-duration="300">
							<img class="thumbnail"/> 
							<img class="display"/>
							<img class="detail"/> 
						</Images>
						<FileSize/>
						<Body/>
            <Captions>
              <Caption style="" image="" type="text" styleIn="sfb" styleOut="stb" data-easing="Linear.easeNone" data-x="left" data-hoffset="50" data-y="top" data-voffset="50" data-start="100" data-speed="500" data-end="" data-endspeed="100" data-endeasing="Linear.easeNone" data-width="100" data-autoplay="true" data-autoplayonlyfirsttime="true" data-nextslideatend="true" data-videoposter="" data-forcecover="0" data-forcerewind="off" data-volume="100" data-videowidth="500" data-videoheight="500" data-aspectratio="16:9" data-videopreload="meta" data-videomp4="" data-videowebm="" data-videoogv="" data-ytid="" data-vimeoid="" data-videocontrols="controls" data-videoattributes="" data-videoloop="true" data-autoplayonlyfirsttimeHTML5="true" data-videowebmHTML5="" data-videoogvHTML5="" data-videomp4HTML5="" data-autoplayHTML5="true" data-nextslideatendHTML5="true" data-videoposterHTML5=""  data-forcerewindHTML5="off" data-volumeHTML5="100" data-videowidthHTML5="640" data-videoheightHTML5="320" data-aspectratioHTML5="16:9" data-videopreloadHTML5="meta" data-videocontrolsHTML5="controls" data-videoattributesHTML5=""  data-forcecoverHTML5="false" data-videoloopHTML5="false" data-autoplayYouTube="true" data-autoplayonlyfirsttimeYouTube="true" data-nextslideatendYouTube="true" data-videowidthYouTube="640" data-videoheightYouTube="320" data-videocontrolsYouTube="controls" VideoAttributesYouTube="" data-autoplayVimeo="true" data-autoplayonlyfirsttimeVimeo="true" data-nextslideatendVimeo="true" data-videowidthVimeo="640" data-videoheightVimeo="320" data-videocontrolsVimeo="controls" data-videoattributesVimeo="" data-kenburns="off"> 
                <div/>
              </Caption> 
            </Captions>
					</Content>
				</cContentXmlBrief>
				<cContentXmlDetail>
          <Content internalLink="" externalLink="" linkType="internal">
						<Title/>
						<Author/>
						<Copyright/>
            <Url type="external"/>
						<Images>
							<img class="thumbnail"/>
							<img class="display"/>
							<img class="detail"/>
						</Images>
						<FileSize/>
						<Body/>
					</Content>
				</cContentXmlDetail>
				<nAuditId/>
				<nAuditKey/>
				<dPublishDate/>   
				<dExpireDate/>
				<dInsertDate/>
				<nInsertDirId/>
				<dUpdateDate/>
				<nUpdateDirId/>
				<nStatus>1</nStatus>
				<cDescription/>
			</tblContent>
		</instance>
		<submission id="EditContent" action="" method="post" event="return form_check(this)"/>
		<bind nodeset="tblContent">
			<bind id="cContentImageTitle" nodeset="cContentName" required="false()" type="string"/>
			<bind id="dPublishDate" nodeset="dPublishDate" required="false()" type="string"/>
			<bind id="dExpireDate" nodeset="dExpireDate" required="false()" type="string"/>
			<bind id="nStatus" nodeset="nStatus" required="true()" type="string"/>
			<bind id="cDescription" nodeset="cDescription" required="false()" type="string"/>
			<bind nodeset="cContentXmlBrief/Content">
        <bind id="data-transition" nodeset="@data-transition" required="false()" type="string"/>
        <bind id="data-masterspeed" nodeset="@data-masterspeed" required="false()" type="string"/>
        <bind id="data-delay" nodeset="@data-delay" required="false()" type="string"/>
        <bind id="data-slotamount" nodeset="@data-slotamount" required="false()" type="string"/>
        <bind id="cContentImageTitle" nodeset="Title" required="false()" type="string"/>
				<bind id="cContentImageAuthor" nodeset="Author" required="false()" type="string"/>
				<bind id="cContentImageCopyright" nodeset="Copyright" required="false()" type="string"/>
        <bind nodeset="Images">
          <bind id="data-bgrepeat" nodeset="@data-bgrepeat" required="false()" type="string"/>
          <bind id="data-bgfit" nodeset="@data-bgfit" required="false()" type="string"/>
          <bind id="data-bgfitend" nodeset="@data-bgfitend" required="false()" type="string"/>
          <bind id="data-bgposition" nodeset="@data-bgposition" required="false()" type="string"/>
          <bind id="data-bgpositionend" nodeset="@data-bgpositionend" required="false()" type="string"/>
          <bind id="data-kenburns" nodeset="@data-kenburns" required="false()" type="string"/>
          <bind id="data-duration" nodeset="@data-duration" required="false()" type="string"/>
          <bind id="data-ease" nodeset="@data-ease" required="false()" type="string"/>
				  <bind id="cContentThumbnail" nodeset="img[@class='thumbnail']" required="false()" type="xml-replace"/>
				  <bind id="cContentPicture" nodeset="img[@class='display']" required="false()" type="xml-replace"/>
				  <bind id="cContentDetail" nodeset="img[@class='detail']" required="false()" type="xml-replace"/>
        </bind>
				<bind id="cContentBody" nodeset="Body" required="false()" type="string"/>
        <bind id="cModuleLink" nodeset="@link" required="false()" type="string"/>
        <bind id="cLinkType" nodeset="@linkType" required="false()" type="string"/>
        <bind nodeset="Captions">
          <bind id="oCaption" nodeset="Caption">
            <bind id="cCaptionImage" nodeset="@Image" required="false()" type="string"/>
            <bind id="cCaptionVid" nodeset="@Video" required="false()" type="string"/>
            <bind id="cCaptionType" nodeset="@type" required="false()" type="string"/>
            <bind id="cCaptionHeading" nodeset="@name" required="false()" type="string"/>
            <bind id="cCaptionStyle" nodeset="@style" required="false()" type="string"/>
            <!--<bind id="cCaptionWidth" nodeset="@data-width" required="false()" type="string"/>-->
            <bind id="cCaptionIncomingAnimation" nodeset="@styleIn" required="false()" type="string"/>
            <bind id="cCaptionOutgoingAnimation" nodeset="@styleOut" required="false()" type="string"/>
            <bind id="cCaptionDataEase" nodeset="@data-easing" required="false()" type="string"/>
            <bind id="cCaptionDataX" nodeset="@data-x" required="false()" type="string"/>
            <bind id="cCaptionDataXoffset" nodeset="@data-hoffset" required="false()" type="string"/>
            <bind id="cCaptionDataY" nodeset="@data-y" required="false()" type="string"/>
            <bind id="cCaptionDataYoffset" nodeset="@data-voffset" required="false()" type="string"/>
            <bind id="cCaptionDataStart" nodeset="@data-start" required="false()" type="string"/>
            <bind id="cCaptionDataSpeed" nodeset="@data-speed" required="false()" type="string"/>
            <bind id="cCaptionDataEnd" nodeset="@data-end" required="false()" type="string"/>
            <bind id="cCaptionDataEndSpeed" nodeset="@data-endspeed" required="false()" type="string"/>
            <bind id="cCaptionDataEndEase" nodeset="@data-endeasing" required="false()" type="string"/>
            <bind id="cCaptionBody" nodeset="div" required="false()" type="string"/>
            <!--Vimeo-->
            <bind id="cVideoVimeoid" nodeset="@data-vimeoid" required="false()" type="string"/>
            <bind id="cVideoAutoplayVimeo" nodeset="@data-autoplayVimeo" required="false()" type="string"/>
            <bind id="cVideoAutoplayonlyfirsttimeVimeo" nodeset="@data-autoplayonlyfirsttimeVimeo" required="false()" type="string"/>
            <bind id="cVideoNextslideatendVimeo" nodeset="@data-nextslideatendVimeo" required="false()" type="string"/>
            <bind id="cVideoWidthVimeo" nodeset="@data-videowidthVimeo" required="false()" type="string;"/>
            <bind id="cVideoHeightVimeo" nodeset="@data-videoheightVimeo" required="false()" type="string"/>
            <bind id="cVideoControlsVimeo" nodeset="@data-videocontrolsVimeo" required="false()" type="string"/>
            <bind id="cVideoAttributesVimeo" nodeset="@data-videoattributesVimeo" required="false()" type="string"/>
            <!--YouTube-->
            <bind id="cVideoytid" nodeset="@data-ytid" required="false()" type="string"/>
            <bind id="cVideoAttributesYouTube" nodeset="@VideoAttributesYouTube" required="false()" type="string"/>
            <bind id="cVideoAutoplayYouTube" nodeset="@data-autoplayYouTube" required="false()" type="string"/>
            <bind id="cVideoAutoplayonlyfirsttimeYouTube" nodeset="@data-autoplayonlyfirsttimeYouTube" required="false()" type="string"/>
            <bind id="cVideoNextslideatendYouTube" nodeset="@data-nextslideatendYouTube" required="false()" type="string"/>
            <bind id="cVideoWidthYouTube" nodeset="@data-videowidthYouTube" required="false()" type="string;"/>
            <bind id="cVideoHeightYouTube" nodeset="@data-videoheightYouTube" required="false()" type="string"/>
            <bind id="cVideoControlsYouTube" nodeset="@data-videocontrolsYouTube" required="false()" type="string"/>
            <!--html5-->
            <bind id="cVideoWebm" nodeset="@data-videowebmHTML5" required="false()" type="string"/>
            <bind id="cVideoGv" nodeset="@data-videoogvHTML5" required="false()" type="string"/>
            <bind id="cVideoMp4" nodeset="@data-videomp4HTML5" required="false()" type="string"/>
            <bind id="cVideoAutoplayHTML5" nodeset="@data-autoplayHTML5" required="false()" type="string"/>
            <bind id="cVideoAutoplayonlyfirsttimeHTML5" nodeset="@data-autoplayonlyfirsttimeHTML5" required="false()" type="string"/> 
            <bind id="cVideoNextslideatendHTML5" nodeset="@data-nextslideatendHTML5" required="false()" type="string"/>
            <bind id="cVideoPosterHTML5" nodeset="@data-videoposterHTML5" required="false()" type="string"/>
            <bind id="cVideoForcerewindHTML5" nodeset="@data-forcerewindHTML5" required="false()" type="string"/>
            <bind id="cVideoVolumeHTML5" nodeset="@data-volumeHTML5" required="false()" type="string"/>
            <bind id="cVideoWidthHTML5" nodeset="@data-videowidthHTML5" required="false()" type="string;"/>
            <bind id="cVideoHeightHTML5" nodeset="@data-videoheightHTML5" required="false()" type="string"/>
            <bind id="cVideoAspectratioHTML5" nodeset="@data-aspectratioHTML5" required="false()" type="string"/>   
            <bind id="cVideoPreloadHTML5" nodeset="@data-videopreloadHTML5" required="false()" type="string"/>
            <bind id="cVideoControlsHTML5" nodeset="@data-videocontrolsHTML5" required="false()" type="string"/>
            <bind id="cVideoAttributesHTML5" nodeset="@data-videoattributesHTML5" required="false()" type="string"/>
            <bind id="cVideoForcecoverHTML5" nodeset="@data-forcecoverHTML5" required="false()" type="string"/>
            <bind id="cVideoLoopHTML5" nodeset="@data-videoloopHTML5" required="false()" type="string"/>
          </bind>
        </bind>
			</bind>
			<bind nodeset="cContentXmlDetail/Content">
				<bind id="cContentImageTitle" nodeset="Title" required="false()" type="string"/>
				<bind id="cContentImageAuthor" nodeset="Author" required="false()" type="string"/>
				<bind id="cContentImageCopyright" nodeset="Copyright" required="false()" type="string"/>
				<bind id="cContentThumbnail" nodeset="Images/img[@class='thumbnail']" required="false()" type="xml-replace"/>
				<bind id="cContentPicture" nodeset="Images/img[@class='display']" required="false()" type="xml-replace"/>
				<bind id="cContentDetail" nodeset="Images/img[@class='detail']" required="false()" type="xml-replace"/>
				<bind id="cContentBody" nodeset="Body" required="false()" type="string"/>
        <bind id="cContentLink" nodeset="@externalLink" required="false()" type="string"/>
        <bind id="cContentPage" nodeset="@internalLink" required="false()" type="string"/>
        <bind id="cLinkType" nodeset="@linkType" required="false()" type="string"/>
			</bind>
		</bind>
	</model>
	<group ref="EditContent" class="2col">
		<label>Advanced Carousel Slide</label>
		<group>
			<group>
				<input bind="nContentKey" class="hidden">
					<label>ContentId</label>
				</input>
				<label>Settings</label>
				<input bind="dPublishDate" class="calendar short">
					<label>Publish Date</label>
				</input>
				<input bind="dExpireDate" class="calendar short">
					<label>Expire Date</label>
				</input>
				<select1 bind="nStatus" appearance="full" class="required vshort">
					<label>Status</label>
					<item>
						<label>Live</label>
						<value>1</value>
					</item>
					<item>
						<label>Hidden</label>
						<value>0</value>
					</item>
				</select1>
				<input bind="cDescription" class="short">
					<label>Change Notes</label>
				</input>
			</group>
      <input bind="cContentDetail" class="short pickImage">
        <label>Background image</label>
        <help class="inline">
          <p>
            This image should generally be no larger than <b>1200x600 pixels, at 72dpi.</b>
          </p>
        </help>
      </input>
      <input bind="cContentThumbnail" class="short pickImage">
        <label>Lazy Load Background</label>
        <help class="inline">
          <p>
            (any dummy small image to decrease the loading time of Document)  Here you need to declare the Path and File name of the image you wish to load as Main Image in Slide
          </p>
        </help>
      </input>
		</group>
		<group>
			<group>
        <input bind="cContentImageTitle" class="long">
          <label>Slide Title</label>
        </input>
				<label>Slide Background</label>
        <group class="Content">
          <group class="inline">
            <select1 bind="data-transition" appearance="minimal" class="required vshort">
            <label>Transition</label>
            <item>
              <label>Slide To Top</label>
              <value>slideup</value>
            </item>
            <item>
              <label>Slide To Bottom</label>
              <value>slidedown</value>
            </item>
            <item>
              <label>Slide To Right</label>
              <value>slideright</value>
            </item>
            <item>
              <label>Slide To Left</label>
              <value>slideleft</value>
            </item>
            <item>
              <label>Slide Horizontal</label>
              <value>slidehorizontal</value>
            </item>
            <item>
              <label>Slide Vertical</label>
              <value>slidevertical</value>
            </item>
            <item>
              <label>Slide Boxes</label>
              <value>boxslide</value>
            </item>
            <item>
              <label>Slide Slots Horizontal</label>
              <value>slotslide-horizontal</value>
            </item>
            <item>
              <label>Slide Slots Vertical</label>
              <value>slotslide-vertical</value>
            </item>
            <item>
              <label>Fade Boxes</label>
              <value>boxfade</value>
            </item>
            <item>
              <label>Fade Slots Horizontal</label>
              <value>slotfade-horizontal</value>
            </item>
            <item>
              <label>Fade Slots Vertical</label>
              <value>slotfade-vertical</value>
            </item>
            <item>
              <label>Fade and Slide from Right</label>
              <value>fadefromright</value>
            </item>
            <item>
              <label>Fade and Slide from Left</label>
              <value>fadefromleft</value>
            </item>
            <item>
              <label>Fade and Slide from Top</label>
              <value>fadefromtop</value>
            </item>
            <item>
              <label>Fade and Slide from Bottom</label>
              <value>fadefrombottom</value>
            </item>
            <item>
              <label>Fade To Left and Fade From Right</label>
              <value>fadetoleftfadefromright</value>
            </item>
            <item>
              <label>Fade To Right and Fade From Left</label>
              <value>fadetorightfadefromleft</value>
            </item>
            <item>
              <label>Fade To Top and Fade From Bottom</label>
              <value>fadetotopfadefrombottom</value>
            </item>
            <item>
              <label>Fade To Bottom and Fade From Top</label>
              <value>fadetobottomfadefromtop</value>
            </item>
            <item>
              <label>Parallax to Right</label>
              <value>parallaxtoright</value>
            </item>
            <item>
              <label>Parallax to Left</label>
              <value>parallaxtoleft</value>
            </item>
            <item>
              <label>Parallax to Top</label>
              <value>parallaxtotop</value>
            </item>
            <item>
              <label>Parallax to Bottom</label>
              <value>parallaxtobottom</value>
            </item>
            <item>
              <label>Zoom Out and Fade From Right</label>
              <value>scaledownfromright</value>
            </item>
            <item>
              <label>Zoom Out and Fade From Left</label>
              <value>scaledownfromleft</value>
            </item>
            <item>
              <label>Zoom Out and Fade From Top</label>
              <value>scaledownfromtop</value>
            </item>
            <item>
              <label>Zoom Out and Fade From Bottom</label>
              <value>scaledownfrombottom</value>
            </item>
            <item>
              <label>Zoom Out</label>
              <value>zoomout</value>
            </item>
            <item>
              <label>Zoom In</label>
              <value>zoomin</value>
            </item>
            <item>
              <label>Zoom Slots Horizontal</label>
              <value>slotzoom-horizontal</value>
            </item>
            <item>
              <label>Zoom Slots Vertical</label>
              <value>slotzoom-vertical</value>
            </item>
            <item>
              <label>Fade</label>
              <value>fade</value>
            </item>
            <item>
              <label>Random Flat</label>
              <value>random-static</value>
            </item>
            <item>
              <label>Random Flat and Premium</label>
              <value>random</value>
            </item>
            <item>
              <label>Curtain from Left</label>
              <value>curtain-1</value>
            </item>
            <item>
              <label>Curtain from Right</label>
              <value>curtain-2</value>
            </item>
            <item>
              <label>Curtain from Middle</label>
              <value>curtain-3</value>
            </item>

            <item>
              <label>3D Curtain Horizontal</label>
              <value>3dcurtain-horizontal</value>
            </item>
            <item>
              <label>3D Curtain Vertical</label>
              <value>3dcurtain-vertical</value>
            </item>
            <item>
              <label>Cube Vertical</label>
              <value>cube</value>
            </item>
            <item>
              <label>Cube Horizontal</label>
              <value>cube-horizontal</value>
            </item>
            <item>
              <label>In Cube Vertical</label>
              <value>incube</value>
            </item>
            <item>
              <label>In Cube Horizontal</label>
              <value>incube-horizontal</value>
            </item>
            <item>
              <label>TurnOff Vertical</label>
              <value>turnoff-vertical</value>
            </item>
            <item>
              <label>TurnOff Horizontal</label>
              <value>turnoff</value>
            </item>
            <item>
              <label>Paper Cut</label>
              <value>papercut</value>
            </item>
            <item>
              <label>Fly In</label>
              <value>flyin</value>
            </item>
            <item>
              <label>Random Premium</label>
              <value>random-premium</value>
            </item>
            
            <help class="inline">
              <p>
                The appearance transition of this slide. You can define more than one, so in each loop the next slide transition type will be shown.
              </p>
            </help>
          </select1>
            <range bind="data-masterspeed" start="100" end="1000" step="50">
              <label>Transition Speed (ms)</label>
            </range>
            <range bind="data-delay" start="100" end="10000" step="50">
              <label>Data Delay (ms)</label>
            </range>
            <range bind="data-slotamount" start="1" end="20" step="1">
              <label>Slot Amount</label>
            </range>        
            <select1 bind="data-bgrepeat" appearance="full" class="vshort">
              <label>Background Repeat</label>
              <item>
                <label>Yes</label>
                <value>repeat</value>
              </item>
              <item>
                <label>No</label>
                <value>no-repeat</value>
              </item>
            </select1>
            <select1 bind="data-bgfit" appearance="minimal" class="vshort">
              <label>Background Fit</label>
              <item>
                <label>Normal</label>
                <value>normal</value>
              </item>
              <item>
                <label>Contain</label>
                <value>contain</value>
              </item>
              <item>
                <label>Cover</label>
                <value>cover</value>
              </item>
              <item>
                <label>150</label>
                <value>150</value>
              </item>
              <item>
                <label>145</label>
                <value>145</value>
              </item>
              <item>
                <label>140</label>
                <value>140</value>
              </item>
              <item>
                <label>135</label>
                <value>135</value>
              </item>
              <item>
                <label>130</label>
                <value>130</value>
              </item>
              <item>
                <label>125</label>
                <value>125</value>
              </item>
              <item>
                <label>120</label>
                <value>120</value>
              </item>
              <item>
                <label>115</label>
                <value>115</value>
              </item>
              <item>
                <label>110</label>
                <value>110</value>
              </item>
              <item>
                <label>105</label>
                <value>105</value>
              </item>
              <item>
                <label>100</label>
                <value>100</value>
              </item>
              <item>
                <label>95</label>
                <value>95</value>
              </item>
              <item>
                <label>90</label>
                <value>90</value>
              </item>
              <item>
                <label>85</label>
                <value>85</value>
              </item>
              <item>
                <label>80</label>
                <value>80</value>
              </item>
              <item>
                <label>75</label>
                <value>75</value>
              </item>
              <help class="inline">
                <p>
                  data-bgfit:cover / contain / normal / width(%) height(%) (select one to decide how the image should fit in the Slide Main Container).
                  For Ken Burn use only a Number, which is the % Zoom at start. 100 will fit with Width or height automatically, 200 will be double sized etc..
                </p>
              </help>
            </select1>
            <select1 bind="data-bgposition" appearance="minimal" class="vshort">
                <label>Background Position</label>
                <item>
                  <label>Not Required</label>
                  <value></value>
                </item>
                <item>
                  <label>Left Top</label>
                  <value>left top</value>
                </item>
                <item>
                  <label>Left Center</label>
                  <value>left center</value>
                </item>
              <item>
                <label>Left Bottom</label>
                <value>left bottom</value>
              </item>
                <item>
                  <label>Center Top</label>
                  <value>center top</value>
                </item>
                <item>
                  <label>Center Center</label>
                  <value>center center</value>
                </item>
                <item>
                  <label>Center Bottom</label>
                  <value>center bottom</value>
                </item>
                <item>
                  <label>Right Top</label>
                  <value>right top</value>
                </item>
                <item>
                  <label>Right Center</label>
                  <value>right center</value>
                </item>
                <item>
                  <label>Right Bottom</label>
                  <value>right bottom</value>
                </item>
              </select1>
          </group>
          <select1 bind="data-kenburns" appearance="full" class="vshort">
            <label>Ken Burns Effect</label>
            <item>
              <label>On</label>
              <value>on</value>
              <toggle case="cKenBurns_1" event="DOMActivate"/>
            </item>
            <item>
              <label>Off</label>
              <value>off</value>
              <toggle case="cKenBurns_0" event="DOMActivate"/>
            </item>
            <help class="inline">
              <p>
                For Ken Burns Animation. This is where the IMG will be animatied
              </p>
            </help>
          </select1>
          <switch class="disable"> 
            <case id="cDisplay_0"/>
            <case id="cKenBurns_1">
              <group class="inline">
          <select1 bind="data-bgfitend" appearance="minimal" class="vshort">
            <label>Background Fit End</label>
            <item>
              <label>Not Required</label>
              <value></value>
            </item>
            <item>
              <label>150</label> 
              <value>150</value>
            </item>
            <item>
              <label>145</label>
              <value>145</value>
            </item>
            <item>
              <label>140</label>
              <value>140</value>
            </item>
            <item>
              <label>135</label>
              <value>135</value>
            </item>
            <item>
              <label>130</label>
              <value>130</value>
            </item>
            <item>
              <label>125</label>
              <value>125</value>
            </item>
            <item>
              <label>120</label>
              <value>120</value>
            </item>
            <item>
              <label>115</label>
              <value>115</value>
            </item>
            <item>
              <label>110</label>
              <value>110</value>
            </item>
            <item>
              <label>105</label>
              <value>105</value>
            </item>
            <item>
              <label>100</label>
              <value>100</value>
            </item>
            <item>
              <label>95</label>
              <value>95</value>
            </item>
            <item>
              <label>90</label>
              <value>90</value>
            </item>
            <item>
              <label>85</label>
              <value>85</value>
            </item>
            <item>
              <label>80</label>
              <value>80</value>
            </item>
            <item>
              <label>75</label>
              <value>75</value>
            </item>
            <help class="inline">
              <p>
                (select one to decide how the image should fit in the Slide Main Container).
                For Ken Burns use only a Number, which is the % Zoom at start. 100 will fit with Width or height automatically, 200 will be double sized etc..
              </p>
            </help>
          </select1>   
          <select1 bind="data-bgpositionend" appearance="minimal" class="vshort">
            <label>Background Position End</label>
            <item>
              <label>not required</label>
              <value></value>
            </item>
            <item>
              <label>Left Top</label>
              <value>left top</value>
            </item>
            <item>
              <label>Left Center</label>
              <value>left center</value>
            </item>
            <item>
              <label>Left Bottom</label>
              <value>left bottom</value>
            </item>
            <item>
              <label>Center Top</label>
              <value>center top</value>
            </item>
            <item>
              <label>Center Center</label>
              <value>center center</value>
            </item>
            <item>
              <label>Center Bottom</label>
              <value>center bottom</value>
            </item>
            <item>
              <label>Right Top</label>
              <value>right top</value>
            </item>
            <item>
              <label>Right Center</label>
              <value>right center</value>
            </item>
            <item>
              <label>Right Bottom</label>
              <value>right bottom</value>
            </item>
            <help class="inline">
              <p>
                For Ken Burns Animation. This is where the IMG will be animatied
              </p>
            </help>
          </select1>
          <range bind="data-duration" start="0" end="3000" step="50">
            <label>Duration</label>
          </range>
          <select1 bind="data-ease" appearance="minimal" class="vshort">
            <label>Ken Burns Easing</label>
            <item>
              <label>Linear.easeNone</label>
              <value>Linear.easeNone</value>
            </item>
            <item>
              <label>Linear.easeIn</label>
              <value>Power0.easeIn</value>
            </item>
            <item>
              <label>Linear.easeInOut</label>
              <value>Power0.easeInOut</value>
            </item>
            <item>
              <label>Linear.easeOut</label>
              <value>Power0.easeOut</value>
            </item>
            <item>
              <label>Quad.easeIn</label>
              <value>Quad.easeIn</value>
            </item>
            <item>
              <label>Quad.easeInOut</label>
              <value>Quad.easeInOut</value>
            </item>
            <item>
              <label>Quad.easeOut</label>
              <value>Quad.easeOut</value>
            </item>
            <item>
              <label>Cubic.easeIn</label>
              <value>Cubic.easeIn</value>
            </item>
            <item>
              <label>Cubic.easeInOut</label>
              <value>Cubic.easeInOut</value>
            </item>
            <item>
              <label>Cubic.easeOut</label>
              <value>Cubic.easeOut</value>
            </item>
            <item>
              <label>Quart.easeIn</label>
              <value>Quart.easeIn</value>
            </item>
            <item>
              <label>Quart.easeInOut</label>
              <value>Quart.easeInOut</value>
            </item>
            <item>
              <label>Quart.easeOut</label>
              <value>Quart.easeOut</value>
            </item>
            <item>
              <label>Strong.easeIn</label>
              <value>Strong.easeIn</value>
            </item>
            <item>
              <label>Strong.easeInOut</label>
              <value>Strong.easeInOut</value>
            </item>
            <item>
              <label>Strong.easeOut</label>
              <value>Strong.easeOut</value>
            </item>
            <item>
              <label>Back.easeIn</label>
              <value>Back.easeIn</value>
            </item>
            <item>
              <label>Back.easeInOut</label>
              <value>Back.easeInOut</value>
            </item>
            <item>
              <label>Back.easeOut</label>
              <value>Back.easeOut</value>
            </item>
            <item>
              <label>Bounce.easeIn</label>
              <value>Bounce.easeIn</value>
            </item>
            <item>
              <label>Bounce.easeInOut</label>
              <value>Bounce.easeInOut</value>
            </item>
            <item>
              <label>Bounce.easeOut</label>
              <value>Bounce.easeOut</value>
            </item>
            <item>
              <label>Circ.easeIn</label>
              <value>Circ.easeIn</value>
            </item>
            <item>
              <label>Circ.easeInOut</label>
              <value>Circ.easeInOut</value>
            </item>
            <item>
              <label>Circ.easeOut</label>
              <value>Circ.easeOut</value>
            </item>
            <item>
              <label>Elastic.easeIn</label>
              <value>Elastic.easeIn</value>
            </item>
            <item>
              <label>Elastic.easeInOut</label>
              <value>Elastic.easeInOut</value>
            </item>
            <item>
              <label>Elastic.easeOut</label>
              <value>Elastic.easeOut</value>
            </item>
            <item>
              <label>Expo.easeIn</label>
              <value>Expo.easeIn</value>
            </item>
            <item>
              <label>Expo.easeInOut</label>
              <value>Expo.easeInOut</value>
            </item>
            <item>
              <label>Expo.easeOut</label>
              <value>Expo.easeOut</value>
            </item>
            <item>
              <label>Sine.easeIn</label>
              <value>Sine.easeIn</value>
            </item>
            <item>
              <label>Sine.easeInOut</label>
              <value>Sine.easeInOut</value>
            </item>
            <item>
              <label>Sine.easeOut</label>
              <value>Sine.easeOut</value>
            </item>
            <item>
              <label>SlowMo.ease</label>
              <value>SlowMo.ease</value>
            </item>
          </select1>
              </group>
              </case>
              </switch>
        </group>
			</group>
			<group ref="mainContent" class="mainContent">
				<label>Captions</label>
        <trigger>
          <label>Add Caption</label>
          <insert position="after" bind="oCaption" at="index('oCaption')" class="add primary"/>
        </trigger>
        <group class="colapse-repeat" ref="oCaption" data-counterprefix="Caption - ">
          <repeat bind="oCaption">
            <input bind="cCaptionHeading" class="short">
              <label>Caption Description</label>
            </input>
              <select1 bind="cCaptionType" appearance="full" class="vshort">
                <label>Caption type</label>
                <item>
                  <label>Text</label>
                  <value>text</value>
                  <toggle case="text" event="DOMActivate"/>
                </item>
                <item>
                  <label>Image</label>
                  <value>image</value>
                  <toggle case="image" event="DOMActivate"/>
                </item>
                <item>
                  <label>Vimeo</label>
                  <value>Vimeo</value>
                  <toggle case="Vimeo" event="DOMActivate"/>
                </item>
                <item>
                  <label>YouTube</label>
                  <value>YouTube</value>
                  <toggle case="YouTube" event="DOMActivate"/>
                </item>
                <item>
                  <label>HTML5</label>
                  <value>HTML5</value>
                  <toggle case="HTML5" event="DOMActivate"/>
                </item>
              </select1>
            <switch class="disable">
              <case id="text">
                <textarea bind="cCaptionBody" class="TextArea xhtml" rows="5" cols="100">
                  <label>Caption Text</label>
                </textarea>
                <select1 bind="cCaptionStyle" appearance="minimal" class="cssStyle">
                  <label>Caption Style</label>
                  <item>
                    <label>Primary Heading </label> 
                    <value>primary_heading</value>
                  </item>
                  <item>
                    <label>Action Heading </label>
                    <value>action_heading</value>
                  </item>
                  <item>
                    <label>Info Heading </label>
                    <value>info_heading</value>
                  </item>
                  <item>
                    <label>Success Heading </label>
                    <value>success_heading</value>
                  </item>
                  <item>
                    <label>Warning Heading </label>
                    <value>warning_heading</value>
                  </item>
                  <item>
                    <label>Danger Heading </label>
                    <value>danger_heading</value>
                  </item>
                  <item>
                    <label>White Heading </label>
                    <value>white_heading</value>
                  </item>
                  <item>
                    <label>Black Heading </label>
                    <value>black_heading</value>
                  </item>
                  
                  <item>
                    <label>Black Heading White Background</label>
                    <value>whitebg_blackHeading</value>
                  </item>
                  <item>
                    <label>Primary Heading White Background</label>
                    <value>whitebg_primaryHeading</value>
                  </item>
                  <item>
                    <label>Action Heading White Background</label>
                    <value>whitebg_actionHeading</value>
                  </item>
                  <item>
                    <label>Info Heading White Background </label>
                    <value>whitebg_infoHeading</value>
                  </item>
                  <item>
                    <label>Success Heading White Background</label>
                    <value>whitebg_successHeading</value>
                  </item>
                  <item>
                    <label>Warning Heading White Background</label>
                    <value>whitebg_warningHeading</value>
                  </item>
                  <item>
                    <label>Danger Heading White Background</label>
                    <value>whitebg_dangerHeading</value>
                  </item>
                  
                  <item>
                    <label>Primary Body </label>
                    <value>primary_body</value>
                  </item>
                  <item>
                    <label>Action Body </label>
                    <value>action_body</value>
                  </item>
                  <item>
                    <label>Info Body </label>
                    <value>info_body</value>
                  </item>
                  <item>
                    <label>Success Body </label>
                    <value>success_body</value>
                  </item>
                  <item>
                    <label>Warning Body </label>
                    <value>warning_body</value>
                  </item>
                  <item>
                    <label>Danger Body </label>
                    <value>danger_body</value>
                  </item>
                  <item>
                    <label>White Body </label>
                    <value>white_body</value>
                  </item>
                  <item>
                    <label>Black Body </label>
                    <value>black_body</value>
                  </item>
                  <item>
                    <label>Primary bg Heading White</label>
                    <value>primarybg_headingw</value>
                  </item>
                  <item>
                    <label>Action bg Heading </label>
                    <value>actionbg_headingw</value>
                  </item>
                  <item>
                    <label>Info bg Heading </label>
                    <value>infobg_headingw</value>
                  </item>
                  <item>
                    <label>Success bg Heading </label>
                    <value>successbg_headingw</value>
                  </item>
                  <item>
                    <label>Warning bg Heading </label>
                    <value>warningbg_headingw</value>
                  </item>
                  <item>
                    <label>Danger bg Heading </label>
                    <value>dangerbg_headingw</value>
                  </item>
                  <item>
                    <label>White Heading Black bg </label>
                    <value>whitebg_headingw</value>
                  </item>
                  <item>
                    <label>Primary bg Body </label>
                    <value>primarybg_bodyw</value>
                  </item>
                  <item>
                    <label>Action bg Body </label>
                    <value>actionbg_bodyw</value>
                  </item>
                  <item>
                    <label>Info bg Body </label>
                    <value>infobg_bodyw</value>
                  </item>
                  <item>
                    <label>Success bg Body </label>
                    <value>successbg_bodyw</value>
                  </item>
                  <item>
                    <label>Warning bg Body </label>
                    <value>warningbg_bodyw</value>
                  </item>
                  <item>
                    <label>Danger bg Body </label>
                    <value>dangerbg_bodyw</value>
                  </item>
                  <item>
                    <label>White Heading Black bg </label>
                    <value>whitebg_bodyw</value>
                  </item>
                 
                  <item>
                    <label>Primary bg Heading </label>
                    <value>primarybg_heading</value>
                  </item>
                  <item>
                    <label>Action bg Heading </label>
                    <value>actionbg_heading</value>
                  </item>
                  <item>
                    <label>Info bg Heading </label>
                    <value>infobg_heading</value>
                  </item>
                  <item>
                    <label>Success bg Heading </label>
                    <value>successbg_heading</value>
                  </item>
                  <item>
                    <label>Warning bg Heading </label>
                    <value>warningbg_heading</value>
                  </item>
                  <item>
                    <label>Danger bg Heading </label>
                    <value>dangerbg_heading</value>
                  </item>
                  <item>
                    <label>White Heading Black bg</label>
                    <value>WhiteheadingBbg_heading</value>
                  </item>
                  <item>
                    <label>Primary bg Body </label>
                    <value>primarybg_body</value>
                  </item>
                  <item>
                    <label>Action bg Body </label>
                    <value>actionbg_body</value>
                  </item>
                  <item>
                    <label>Info bg Body </label>
                    <value>infobg_body</value>
                  </item>
                  <item>
                    <label>Success bg Body </label>
                    <value>successbg_body</value>
                  </item>
                  <item>
                    <label>Warning bg Body </label>
                    <value>warningbg_body</value>
                  </item>
                  <item>
                    <label>Danger bg Body </label>
                    <value>dangerbg_body</value>
                  </item>
                  <item>
                    <label>Primary Heading Jumbo</label>
                    <value>primary_heading_jumbo</value>
                  </item>
                  <item>
                    <label>Action Heading Jumbo</label>
                    <value>action_heading_jumbo</value>
                  </item>
                  <item>
                    <label>Info Heading Jumbo</label>
                    <value>info_heading_jumbo</value>
                  </item>
                  <item>
                    <label>Success Heading Jumbo</label>
                    <value>success_heading_jumbo</value>
                  </item>
                  <item>
                    <label>Warning Heading Jumbo</label>
                    <value>warning_heading_jumbo</value>
                  </item>
                  <item>
                    <label>Danger Heading Jumbo</label>
                    <value>danger_heading_jumbo</value>
                  </item>
                  <item>
                    <label>White Heading Jumbo</label>
                    <value>black_heading_jumbo</value>
                  </item>
                  <item>
                    <label>Black Heading Jumbo </label>
                    <value>white_heading_jumbo</value>
                  </item>
                  <item>
                    <label>Primary Body Jumbo</label>
                    <value>primary_body_jumbo</value>
                  </item>
                  <item>
                    <label>Action Body Jumbo</label>
                    <value>action_body_jumbo</value>
                  </item>
                  <item>
                    <label>Info Body Jumbo</label>
                    <value>info_body_jumbo</value>
                  </item>
                  <item>
                    <label>Success Body Jumbo</label>
                    <value>success_body_jumbo</value>
                  </item>
                  <item>
                    <label>Warning Body Jumbo</label>
                    <value>warning_body_jumbo</value>
                  </item>
                  <item>
                    <label>Danger Body Jumbo</label>
                    <value>danger_body_jumbo</value>
                  </item>
                  <item>
                    <label>Black Body Jumbo</label>
                    <value>black_body_jumbo</value>
                  </item>
                  <item>
                    <label>White Body Jumbo</label>
                    <value>white_body_jumbo</value>
                  </item>
                  <item>
                    <label>Primary Heading Jumbo</label>
                    <value>primary_heading_jumbobg</value>
                  </item>
                  <item>
                    <label>Action Heading Jumbo</label>
                    <value>action_heading_jumbobg</value>
                  </item>
                  <item>
                    <label>Info Heading Jumbo</label>
                    <value>info_heading_jumbobg</value>
                  </item>
                  <item>
                    <label>Success Heading Jumbo</label>
                    <value>success_heading_jumbobg</value>
                  </item>
                  <item>
                    <label>Warning Heading Jumbo</label>
                    <value>warning_heading_jumbobg</value>
                  </item>
                  <item>
                    <label>Danger Heading Jumbo</label>
                    <value>danger_heading_jumbobg</value>
                  </item>
                  <item>
                    <label>Black Heading Jumbo</label>
                    <value>black_heading_jumbobg</value>
                  </item>
                  <item>
                    <label>White Heading Jumbo</label>
                    <value>white_heading_jumbobg</value>
                  </item>
                 
                  <item>
                    <label>Primary Body Jumbo</label>
                    <value>primary_body_jumbobg</value>
                  </item>
                  <item>
                    <label>Action Body Jumbo</label>
                    <value>action_body_jumbobg</value>
                  </item>
                  <item>
                    <label>Info Body Jumbo</label>
                    <value>info_body_jumbobg</value>
                  </item>
                  <item>
                    <label>Success Body Jumbo</label>
                    <value>success_body_jumbobg</value>
                  </item>
                  <item>
                    <label>Warning Body Jumbo</label>
                    <value>warning_body_jumbobg</value>
                  </item>
                  <item>
                    <label>Danger Body Jumbo</label>
                    <value>danger_body_jumbobg</value>
                  </item>
                  <item>
                    <label>Black Body Jumbo</label>
                    <value>black_body_jumbobg</value>
                  </item>
                  <item>
                    <label>White Body Jumbo</label>
                    <value>white_body_jumbobg</value>
                  </item>
                </select1>
              </case>
              <case id="image">
                <input bind="cCaptionImage" class="pickImageFile">
                  <label>Image</label>
                </input>
              </case>        
              <case id="HTML5">
               <group class="inline">
                 <input bind="cVideoMp4" class="">
                   <label>
                     The MP4 Source for the HTML5 Video
                   </label>
                 </input>
                 <input bind="cVideoGv" class="">
                   <label>
                     The OGV Source for the HTML5 Video
                   </label>
                 </input>
                 <input bind="cVideoWebm" class="">
                   <label>
                     The WEBM Source for the HTML5 Video
                   </label>
                 </input>
                 <input bind="cVideoPosterHTML5" appearance="full" class="vshort">
                   <label>Thumbnail/Video Poster for the Video</label>
                 </input>
                 <select1 bind="cVideoAutoplayHTML5" appearance="full" class="vshort">
                   <label>Video Auto play</label>
                   <item>
                     <label>Yes</label>
                     <value>true</value>
                   </item>
                   <item>
                     <label>No</label>
                     <value>false</value>
                   </item>
                 </select1>
                 <select1 bind="cVideoAutoplayonlyfirsttimeHTML5" appearance="full" class="vshort">
                   <label>Auto play only first time</label>
                   <item>
                     <label>Yes</label>
                     <value>true</value>
                   </item>
                   <item>
                     <label>No</label>
                     <value>false</value>
                   </item>
                 </select1>
                 <select1 bind="cVideoNextslideatendHTML5" appearance="full" class="vshort">
                   <label>Next slide at end of video</label>
                   <item>
                     <label>Yes</label>
                     <value>true</value>
                   </item>
                   <item>
                     <label>No</label>
                     <value>false</value>
                   </item>
                 </select1>
                 <select1 bind="cVideoForcerewindHTML5" appearance="full" class="vshort">
                   <label>Every time the Slide is shown, the Video will rewind to the start</label>
                   <item>
                     <label>Yes</label>
                     <value>true</value>
                   </item>
                   <item>
                     <label>No</label>
                     <value>false</value>
                   </item>
                 </select1>
                 <select1 bind="cVideoVolumeHTML5" appearance="full" >
                   <label>Video Volume</label>
                   <item>
                     <label>Mute</label>
                     <value>mute</value>
                   </item>
                   <item>
                     <label>Volume</label>
                     <value>1</value>
                   </item>
                 </select1>
                 <input bind="cVideoWidthHTML5" class="vshort">
                   <label>Video Width</label> 
                 </input>
                 <input bind="cVideoHeightHTML5" class="vshort">
                   <label>Video Height</label>
                 </input>
                 <select1 bind="cVideoAspectratioHTML5" appearance="full" class="vshort">
                   <label>Aspect Ratio</label>
                   <item>
                     <label>16:9</label>
                     <value>16:9</value>
                   </item>
                   <item>
                     <label>4:3</label>
                     <value>4:3</value>
                   </item>
                 </select1>
                 <select1 bind="cVideoPreloadHTML5" appearance="full" class="vshort">
                   <label>Which content of Video should be preloaded</label>
                   <item>
                     <label>None</label>
                     <value>none</value>
                   </item>
                   <item>
                     <label>Meta</label>
                     <value>meta</value>
                   </item>
                   <item>
                     <label>Auto</label>
                     <value>auto</value>
                   </item>
                 </select1>
                 <select1 bind="cVideoControlsHTML5" appearance="full" class="vshort">
                   <label>Show/Hide the controls of the Video</label>
                   <item>
                     <label>Yes</label>
                     <value>controls</value>
                   </item>
                   <item>
                     <label>No</label>
                     <value>none</value>
                   </item>
                 </select1>
                 <input bind="cVideoAttributesHTML5" class="vshort">
                   <label>Video Attributes</label>
                 </input>
                 <select1 bind="cVideoForcecoverHTML5" appearance="full" >
                   <label>Video Force cover</label>
                   <item>
                     <label>Yes</label>
                     <value>0</value>
                   </item>
                   <item>
                     <label>No</label>
                     <value>1</value>
                   </item>
                 </select1>
                 <select1 bind="cVideoLoopHTML5" appearance="full" class="vshort">
                   <label>Video Loop</label>
                   <item>
                     <label>Yes</label>
                     <value>loop</value>
                   </item>
                   <item>
                     <label>No</label>
                     <value>none</value>
                   </item>
                   <item>
                     <label>Continue Loop</label>
                     <value>loopandnoslidestop</value>
                   </item>
                 </select1>.
               </group>
             </case>
              <case id="YouTube">
               <group class="inline">
                 <input bind="cVideoytid" class="">
                   <label>
                     YouTube ID 
                   </label>
                 </input>
                 <select1 bind="cVideoAutoplayYouTube" appearance="full" class="vshort">
                   <label>Video Auto play</label>
                   <item>
                     <label>Yes</label>
                     <value>true</value>
                   </item>
                   <item>
                     <label>No</label>
                     <value>false</value>
                   </item>
                 </select1>
                 <select1 bind="cVideoAutoplayonlyfirsttimeYouTube" appearance="full" class="vshort">
                   <label>Auto play only first time</label>
                   <item>
                     <label>Yes</label>
                     <value>true</value>
                   </item>
                   <item>
                     <label>No</label>
                     <value>false</value>
                   </item>
                 </select1>
                 <select1 bind="cVideoNextslideatendYouTube" appearance="full" class="vshort">
                   <label>Next slide at end of video</label>
                   <item>
                     <label>Yes</label>
                     <value>true</value>
                   </item>
                   <item>
                     <label>No</label>
                     <value>false</value>
                   </item>
                 </select1>
                 <input bind="cVideoWidthYouTube" class="vshort">
                   <label>Video Width</label>
                 </input>
                 <input bind="cVideoHeightYouTube" class="vshort">
                   <label>Video Height</label>
                 </input>
                 <select1 bind="cVideoControlsYouTube" appearance="full" class="vshort">
                   <label>Show/Hide the controls of the Video</label>
                   <item>
                     <label>Yes</label>
                     <value>controls</value>
                   </item>
                   <item>
                     <label>No</label>
                     <value>none</value>
                   </item>
                 </select1>
                 <input bind="cVideoAttributesYouTube" class="vshort">
                   <label>Video Attributes</label>
                 </input>
               </group>
             </case>
              <case id="Vimeo">
               <group class="inline">
                 <input bind="cVideoVimeoid" class="">
                   <label>
                     Vimeo ID 
                   </label>
                 </input>
                 <select1 bind="cVideoAutoplayVimeo" appearance="full" class="vshort">
                   <label>Video Auto play</label>
                   <item>
                     <label>Yes</label>
                     <value>true</value>
                   </item>
                   <item>
                     <label>No</label>
                     <value>false</value>
                   </item>
                 </select1>
                 <select1 bind="cVideoAutoplayonlyfirsttimeVimeo" appearance="full" class="vshort">
                   <label>Auto play only first time</label>
                   <item>
                     <label>Yes</label>
                     <value>true</value>
                   </item>
                   <item>
                     <label>No</label>
                     <value>false</value>
                   </item>
                 </select1>
                 <select1 bind="cVideoNextslideatendVimeo" appearance="full" class="vshort">
                   <label>Next slide at end of video</label>
                   <item>
                     <label>Yes</label>
                     <value>true</value>
                   </item>
                   <item>
                     <label>No</label>
                     <value>false</value>
                   </item>
                 </select1>
                 <input bind="cVideoWidthVimeo" class="vshort">
                   <label>Video Width</label>
                 </input>
                 <input bind="cVideoHeightVimeo" class="vshort">
                   <label>Video Height</label>
                 </input>
                 <select1 bind="cVideoControlsVimeo" appearance="full" class="vshort">
                   <label>Show/Hide the controls of the Video</label>
                   <item>
                     <label>Yes</label>
                     <value>controls</value>
                   </item>
                   <item>
                     <label>No</label>
                     <value>none</value>
                   </item>
                 </select1>
                 <input bind="cVideoAttributesVimeo" class="vshort">
                   <label>Video Attributes</label>
                 </input>
               </group>
              </case>
           </switch>
            <group class="inline">
              <label>Position</label>
              <select1 bind="cCaptionDataX" appearance="minimal" class="vshort">
                <label>Horizontal Position</label>
                <item>
                  <label>Left</label>
                  <value>left</value>
                </item>
                <item>
                  <label>Right</label>
                  <value>right</value>
                </item>
                <item>
                  <label>Center</label>
                  <value>center</value>
                </item>
              </select1>
              <range bind="cCaptionDataXoffset" start="-1500" end="1000" step="10">
                <label>Horizontal Position Offset</label>
              </range>
              <select1 bind="cCaptionDataY" appearance="minimal" class="vshort">
                <label>Vertical Position</label>
                <item>
                  <label>Top</label>
                  <value>top</value>
                </item>
                <item>
                  <label>Bottom</label>
                  <value>bottom</value>
                </item>
                <item>
                  <label>Center</label>
                  <value>center</value>
                </item>
              </select1>
              <range bind="cCaptionDataYoffset" start="-1500" end="1000" step="10">
                <label>Vertical Position Offset</label>
              </range>
            </group>
                <group class="inline">
                  <label>Incoming Animation</label>   
                    <select1 bind="cCaptionIncomingAnimation" appearance="minimal" class="vshort">
                      <label>Incoming Animation Style</label>
                      <item>
                        <label>Short from Top</label>
                        <value>sft</value>
                      </item>
                      <item>
                        <label>Short from Bottom</label>
                        <value>sfb</value>
                      </item>
                      <item>
                        <label>Short from Right</label>
                        <value>sfr</value>
                      </item>
                      <item>
                        <label>Short from Left</label>
                        <value>sfl</value>
                      </item>
                      <item>
                        <label>Long from Top</label>
                        <value>lft</value>
                      </item>
                      <item>
                        <label>Long from Bottom</label>
                        <value>lfb</value>
                      </item>
                      <item>
                        <label>Long from Right</label>
                        <value>lfr</value>
                      </item>
                      <item>
                        <label>Long from Left</label>
                        <value>lfl</value>
                      </item>
                      <item>
                        <label>Skew from Left</label>
                        <value>skewfromleft</value>
                      </item>
                      <item>
                        <label>Skew from Right</label>
                        <value>skewfromright</value>
                      </item>
                      <item>
                        <label>Skew Short from Left</label>
                        <value>skewfromleftshort</value>
                      </item>
                      <item>
                        <label>Skew Short from Right</label>
                        <value>skewfromrightshort</value>
                      </item>
                      <item>
                        <label>Fading</label>
                        <value>fade</value>
                      </item>
                      <item>
                        <label>Fade in, Rotate from a Random position and Degree</label>
                        <value>randomrotate</value>
                      </item>
                      <item>
                        <label>Custom Incoming Animation - see below all data settings</label>
                        <value>customin</value>
                      </item>
                    </select1>
                    <select1 bind="cCaptionDataEase" appearance="minimal" class="vshort">
                      <label>Caption Easing</label>
                      <item>
                        <label>Linear.easeNone</label>
                        <value>Linear.easeNone</value>
                      </item>
                      <item>
                        <label>Linear.easeIn</label>
                        <value>Power0.easeIn</value>
                      </item>
                      <item>
                        <label>Linear.easeInOut</label>
                        <value>Power0.easeInOut</value>
                      </item>
                      <item>
                        <label>Linear.easeOut</label>
                        <value>Power0.easeOut</value>
                      </item>
                      <item>
                        <label>Quad.easeIn</label>
                        <value>Quad.easeIn</value>
                      </item>
                      <item>
                        <label>Quad.easeInOut</label>
                        <value>Quad.easeInOut</value>
                      </item>
                      <item>
                        <label>Quad.easeOut</label>
                        <value>Quad.easeOut</value>
                      </item>
                      <item>
                        <label>Cubic.easeIn</label>
                        <value>Cubic.easeIn</value>
                      </item>
                      <item>
                        <label>Cubic.easeInOut</label>
                        <value>Cubic.easeInOut</value>
                      </item>
                      <item>
                        <label>Cubic.easeOut</label>
                        <value>Cubic.easeOut</value>
                      </item>
                      <item>
                        <label>Quart.easeIn</label>
                        <value>Quart.easeIn</value>
                      </item>
                      <item>
                        <label>Quart.easeInOut</label>
                        <value>Quart.easeInOut</value>
                      </item>
                      <item>
                        <label>Quart.easeOut</label>
                        <value>Quart.easeOut</value>
                      </item>
                      <item>
                        <label>Strong.easeIn</label>
                        <value>Strong.easeIn</value>
                      </item>
                      <item>
                        <label>Strong.easeInOut</label>
                        <value>Strong.easeInOut</value>
                      </item>
                      <item>
                        <label>Strong.easeOut</label>
                        <value>Strong.easeOut</value>
                      </item>
                      <item>
                        <label>Back.easeIn</label>
                        <value>Back.easeIn</value>
                      </item>
                      <item>
                        <label>Back.easeInOut</label>
                        <value>Back.easeInOut</value>
                      </item>
                      <item>
                        <label>Back.easeOut</label>
                        <value>Back.easeOut</value>
                      </item>
                      <item>
                        <label>Bounce.easeIn</label>
                        <value>Bounce.easeIn</value>
                      </item>
                      <item>
                        <label>Bounce.easeInOut</label>
                        <value>Bounce.easeInOut</value>
                      </item>
                      <item>
                        <label>Bounce.easeOut</label>
                        <value>Bounce.easeOut</value>
                      </item>
                      <item>
                        <label>Circ.easeIn</label>
                        <value>Circ.easeIn</value>
                      </item>
                      <item>
                        <label>Circ.easeInOut</label>
                        <value>Circ.easeInOut</value>
                      </item>
                      <item>
                        <label>Circ.easeOut</label>
                        <value>Circ.easeOut</value>
                      </item>
                      <item>
                        <label>Elastic.easeIn</label>
                        <value>Elastic.easeIn</value>
                      </item>
                      <item>
                        <label>Elastic.easeInOut</label>
                        <value>Elastic.easeInOut</value>
                      </item>
                      <item>
                        <label>Elastic.easeOut</label>
                        <value>Elastic.easeOut</value>
                      </item>
                      <item>
                        <label>Expo.easeIn</label>
                        <value>Expo.easeIn</value>
                      </item>
                      <item>
                        <label>Expo.easeInOut</label>
                        <value>Expo.easeInOut</value>
                      </item>
                      <item>
                        <label>Expo.easeOut</label>
                        <value>Expo.easeOut</value>
                      </item>
                      <item>
                        <label>Sine.easeIn</label>
                        <value>Sine.easeIn</value>
                      </item>
                      <item>
                        <label>Sine.easeInOut</label>
                        <value>Sine.easeInOut</value>
                      </item>
                      <item>
                        <label>Sine.easeOut</label>
                        <value>Sine.easeOut</value>
                      </item>
                      <item>
                        <label>SlowMo.ease</label>
                        <value>SlowMo.ease</value>
                      </item>
                    </select1>
                  <range bind="cCaptionDataStart" start="0" end="7000" step="50">
                    <label>Animation Start</label>
                  </range>
                  <range bind="cCaptionDataSpeed" start="0" end="7000" step="50">
                    <label>Animation Speed</label>
                  </range>
                </group>
                <group class="inline">
                  <label>Outgoing Animation</label>
                  <select1 bind="cCaptionOutgoingAnimation" appearance="minimal" class="vshort">
                      <label>Outgoing Animation Style</label>
                      <item>
                        <label>None</label>
                        <value></value>
                      </item>
                      <item>
                        <label>Short to Top</label>
                        <value>stt</value>
                      </item>
                      <item>
                        <label>Short to Bottom</label>
                        <value>stb</value>
                      </item>
                      <item>
                        <label>Short to Right</label>
                        <value>str</value>
                      </item>
                      <item>
                        <label>Short to Left</label>
                        <value>stl</value>
                      </item>
                      <item>
                        <label>Long to Top</label>
                        <value>ltt</value>
                      </item>
                      <item>
                        <label>Long to Bottom</label>
                        <value>ltb</value>
                      </item>
                      <item>
                        <label>Long to Right</label>
                        <value>ltr</value>
                      </item>
                      <item>
                        <label>Long to Left</label>
                        <value>ltl</value>
                      </item>
                      <item>
                        <label>Skew to Left</label>
                        <value>skewtoleft</value>
                      </item>
                      <item>
                        <label>Skew to Right</label>
                        <value>skewtoright</value>
                      </item>
                      <item>
                        <label>Skew Short to Left</label>
                        <value>skewtoleftshort</value>
                      </item>
                      <item>
                        <label>Skew Short to Right</label>
                        <value>skewtorightshort</value>
                      </item>
                      <item>
                        <label>Fading</label>
                        <value>fadeout</value>
                      </item>
                      <item>
                        <label>Fade out, Rotate to a Random position and Degree</label>
                        <value>randomrotateout</value>
                      </item>
                      <item>
                        <label>Custom Outgoing Animation - see below all data settings</label>
                        <value>customout</value>
                      </item>
                    </select1>
                    <select1 bind="cCaptionDataEndEase" appearance="minimal" class="vshort">
                    <label>Animation Exit Easing</label>
                    <item>
                      <label>Linear.easeNone</label>
                      <value>Linear.easeNone</value>
                    </item>
                    <item>
                      <label>Linear.easeIn</label>
                      <value>Power0.easeIn</value>
                    </item>
                    <item>
                      <label>Linear.easeInOut</label>
                      <value>Power0.easeInOut</value>
                    </item>
                    <item>
                      <label>Linear.easeOut</label>
                      <value>Power0.easeOut</value>
                    </item>
                    <item>
                      <label>Quad.easeIn</label>
                      <value>Quad.easeIn</value>
                    </item>
                    <item>
                      <label>Quad.easeInOut</label>
                      <value>Quad.easeInOut</value>
                    </item>
                    <item>
                      <label>Quad.easeOut</label>
                      <value>Quad.easeOut</value>
                    </item>
                    <item>
                      <label>Cubic.easeIn</label>
                      <value>Cubic.easeIn</value>
                    </item>
                    <item>
                      <label>Cubic.easeInOut</label>
                      <value>Cubic.easeInOut</value>
                    </item>
                    <item>
                      <label>Cubic.easeOut</label>
                      <value>Cubic.easeOut</value>
                    </item>
                    <item>
                      <label>Quart.easeIn</label>
                      <value>Quart.easeIn</value>
                    </item>
                    <item>
                      <label>Quart.easeInOut</label>
                      <value>Quart.easeInOut</value>
                    </item>
                    <item>
                      <label>Quart.easeOut</label>
                      <value>Quart.easeOut</value>
                    </item>
                    <item>
                      <label>Strong.easeIn</label>
                      <value>Strong.easeIn</value>
                    </item>
                    <item>
                      <label>Strong.easeInOut</label>
                      <value>Strong.easeInOut</value>
                    </item>
                    <item>
                      <label>Strong.easeOut</label>
                      <value>Strong.easeOut</value>
                    </item>
                    <item>
                      <label>Back.easeIn</label>
                      <value>Back.easeIn</value>
                    </item>
                    <item>
                      <label>Back.easeInOut</label>
                      <value>Back.easeInOut</value>
                    </item>
                    <item>
                      <label>Back.easeOut</label>
                      <value>Back.easeOut</value>
                    </item>
                    <item>
                      <label>Bounce.easeIn</label>
                      <value>Bounce.easeIn</value>
                    </item>
                    <item>
                      <label>Bounce.easeInOut</label>
                      <value>Bounce.easeInOut</value>
                    </item>
                    <item>
                      <label>Bounce.easeOut</label>
                      <value>Bounce.easeOut</value>
                    </item>
                    <item>
                      <label>Circ.easeIn</label>
                      <value>Circ.easeIn</value>
                    </item>
                    <item>
                      <label>Circ.easeInOut</label>
                      <value>Circ.easeInOut</value>
                    </item>
                    <item>
                      <label>Circ.easeOut</label>
                      <value>Circ.easeOut</value>
                    </item>
                    <item>
                      <label>Elastic.easeIn</label>
                      <value>Elastic.easeIn</value>
                    </item>
                    <item>
                      <label>Elastic.easeInOut</label>
                      <value>Elastic.easeInOut</value>
                    </item>
                    <item>
                      <label>Elastic.easeOut</label>
                      <value>Elastic.easeOut</value>
                    </item>
                    <item>
                      <label>Expo.easeIn</label>
                      <value>Expo.easeIn</value>
                    </item>
                    <item>
                      <label>Expo.easeInOut</label>
                      <value>Expo.easeInOut</value>
                    </item>
                    <item>
                      <label>Expo.easeOut</label>
                      <value>Expo.easeOut</value>
                    </item>
                    <item>
                      <label>Sine.easeIn</label>
                      <value>Sine.easeIn</value>
                    </item>
                    <item>
                      <label>Sine.easeInOut</label>
                      <value>Sine.easeInOut</value>
                    </item>
                    <item>
                      <label>Sine.easeOut</label>
                      <value>Sine.easeOut</value>
                    </item>
                    <item>
                      <label>SlowMo.ease</label>
                      <value>SlowMo.ease</value>
                    </item>
                  </select1>
                  

                    <range bind="cCaptionDataEnd" start="0" end="15000" step="200">
                      <label>Animation Duration</label>
                    </range>
                    <range bind="cCaptionDataEndSpeed" start="0" end="7000" step="50">
                      <label>Animation Exit Speed</label>
                    </range>
                   </group>
            <trigger>
              <label>Delete Caption</label>
              <delete bind="oCaption" at="index('oCaption')"/>
            </trigger>
          </repeat>
        </group>
      </group>
      <group ref="AddCaption" class="mainContent">
        <trigger>
          <label>Add Caption</label>
          <insert position="after" bind="oCaption" at="index('oCaption')" class="add primary"/>
        </trigger>
      </group>
      <group class="Content">
        <label>Link</label>
        <select1 bind="cLinkType" appearance="full">
          <label>Type of link</label>
          <item>
            <label>Internal (Going to a page on this site)</label>
            <value>internal</value>
            <toggle case="cLinkType_1" event="DOMActivate"/>
          </item>
          <item>
            <label>External (Going to another site)</label>
            <value>external</value>
            <toggle case="cLinkType_2" event="DOMActivate"/>
          </item>
        </select1>
        <switch class="disable">
          <case id="cLinkType_1">
            <select1 bind="cModuleLink" class="siteTree">
              <label>Link to page</label>
            </select1>
          </case>
          <case id="cLinkType_2">
            <input bind="cModuleLink" class="short">
              <label>Link to URL</label>
            </input>
          </case>
        </switch>
      </group>
    </group>
	</group>
	<group ref="submit" class="contentSubmit">
		<submit submission="" ref="ewSubmit" class="principle">
			<label>Save Advanced Carousel Slide</label>
		</submit>
	</group>
</Content>